<?xml version="1.0" encoding="UTF-8"?>
<!--
Written by Martin S. Please do not change anything :)
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
	<h:head>
		<script type="text/javascript"  
				  src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"/>
		<script type="text/javascript" src="js/Menu.js" />
		<ui:insert name="extrascript"/>
		<link rel="stylesheet" href="default.css" type="text/css"/>
		<title><ui:insert name="title"/>Snake App Webpage</title>
	</h:head>
	<h:body onload="#{onLoadJS}">

		<div id="topcontainer">
			<!-- The top right div where the logo is shown -->
			<div id="snakebend">
				<div id="login"/>
			</div>
			<!-- The big div in the middle -->
			<div id="topmainbar">
				<div id="topmenu">
					<p><ul class="links">
						<a href="main.jsf" title="Home"><img src="img/menu/homebutton_normal.png" id="homebutton" border="0" /></a>
						<a href="download.jsf" title="Download"><img src="img/menu/downloadbutton_normal.png" id="downloadbutton" border="0" /></a>
						<a href="editor.jsf" title="Map Editor"><img src="img/menu/editorbutton_normal.png" id="editorbutton" border="0" /></a>
						<a href="browsemaps.jsf" title="Browse Maps"><img src="img/menu/browsemapsbutton_normal.png" id="browsemapsbutton" border="0" /></a>
						<a href="faq.jsf" title="Frequently Asked Question"><img src="img/menu/faqbutton_normal.png" id="faqbutton" border="0" /></a>
					</ul></p>
				</div>

			</div>
			<!-- The top "edge" of the frame -->
			<div id="topedge">

			</div>
		</div>

		<div id="maincontainer">
			<div id="leftsidecontainer">
				<!-- The div where the left part of the snake is located -->
				<div id="menubar">
					<div id="snakeleft">

					</div>
				</div>
			</div>
			<!-- The main div. This is where content is shown -->
			<div id="maindiv">


				<div id="maindivtop">
					<p>
					<ui:insert name="PageName"/>
					</p>
				</div>
				<div id="maindivmain">
					<div id="content">
						<ui:insert name="content"/>
					</div>
				</div>
				<div id="maindivbottom">
					<!-- In this div the little "tag" at the bottom is shown -->
					<div id="tagdiv">   
						<p>Snake Android App Webpage | 2011 - 2011</p>
					</div>
				</div>
			</div>
		</div>
	</h:body>
</html>